.chat-history-date{ 
	display: block;
	padding-top: 5px;
	text-align: center;
	font-size: 12px;
}
.chat-receiver,.chat-sender{
	margin: 5px;
    clear:both;  
}
.chat-receiver .chat-avatar{
	float: left;
}
.chat-sender .chat-avatar{
	float: right;
}
.chat-avatar img{
    width: 50px;
    height: 50px;
    border-radius: 50%;
}
.chat-content{
	position: relative;
	max-width: 60%;
    min-height: 20px;
	margin: 10px 15px 15px 10px;
    padding: 10px;
    font-size:15px;
    border-radius:7px; 
}
.chat-content img{
	width: 100%;
}
.chat-receiver .chat-content{
	float: left; 
	color: #FEB406; 
    background-color: #FFFFFF;
}
.chat-sender .chat-content{
    float:right;   
    color: #FFFFFF; 
    background-color: #FEB406; 
}
.chat-triangle{
	position: absolute;
	top:10px;
	width:0px; 
	height:0px; 	   
    border-width:8px; 
    border-style:solid;   
}
.chat-receiver .chat-triangle{ 
	left:-16px;
    border-color:transparent #FFFFFF transparent transparent;      
}
.chat-sender .chat-triangle{ 
	right:-16px;
    border-color:transparent transparent transparent #FEB406;      
}